本篇译文作者简介：小短毛，一个正在探索期的产品&设计！(文章由luserry原创翻译，彩云协助优化调整及版式编辑 )本期精选的这篇文章，是一篇App改版干货，有具体步骤，方法，分析，最后还有结论，值得学习！

 

以下是译文：

我热爱旅行，就和千千万踏上旅行的人一样。多一份独处异乡的体验，试一次全新的生活场景，旅行所带来的这种感觉无可替代。作为一个设计师，上个月我给自己分配了一个任务：复盘Passpod App的重设计。为旅客提供更灵活、高效的预定服务。Passpod 是一个在线旅游APP，2017年在印度尼西亚上线，它可以实时查看世界各地景点门票价格，并支持在线预订。

 

重设计旅行APP

在Passpod公司，我争取到了重设计的机会，并且是连同开发&设计师小伙伴一起进行。当然，这才有机会写这篇文章。

我的角色：产品&设计的负责人

任务：研究，设计和改进目前的app

时间：2018.07-2018.08

 

让我们开始吧！

我在LEMERS平台做了Passpod和竞品Klook的用户体验调研，尝试对比两者之间的差异。备注：邀请了3位测试者做了这项调研。

使用LEMERS评估可用性

 

翻译的表格

1=非常差  5=非常好	Passpod	Klook
易学性：基于产品的设计，用户第一次完成基本操作是否容易	一般	好
高效性：用户熟悉产品后，是否能高效地完成任务	差	好
记忆性：用户隔段时间后再次使用，是否可以快速的熟悉使用方法	好	一般
容错性：用户操作时出现的错误次数，错误的严重性以及是否容易恢复错误	一般	一般
满意性：用户在体验产品时的愉悦程度	差	好

从分析中看出，Passpod需要改进的方面有很多。

 

理解问题所在

问题：用户在操作中感到困惑，不知该如何进行下一步从而受到挫折。

用户一般在Passpod上租借Mi-Fi（译者注：Mi-Fi是能够提供wifi的设备，即随身wifi）和预订节日活动的门票。APP的功能模块组织性很好，这一点是在用户浏览时发现的。

尽管如此，仍有60%的用户在租借Mi-Fi和活动预订的确认页面中，选择了退出。

原设计：Mi-Fi租借（左）和活动预订（右）

 

1.用户一直在吐槽，租借Mi-Fi的表单步骤太多，效率很低

2.在活动预订页面，由于内容的样式设计没有做好优先级，用户很难发现关键信息。

 

理解我们的用户

如果想要深入问题，那么不妨听听用户说了什么？

我们团队内部回顾了租借和预订的流程，同时收集了用户反馈的信息，对其进行了迭代。

 

总结发现

1、搜索框和主页的banner图让人困惑——搜索框看起来像一个按钮，banner图又仿佛是静态的图片。

2、图标的指示性不强，不容易理解其含义——比如导航栏和活动页面。

3、Mi-Fi租借是一个高频行为，然而表单填写步骤过于繁琐。

4、用户想要一次提交多个预订订单，但是目前并不支持。

 

注意用户的评论

“界面设计看起来过时了，特别是主页，一点都不好用。”

“活动预订页面信息量太大了，我根本看不懂。”

 

洞察和分析：

用户想要一种体验：一种订票很简单的体验。

1、高效的活动预订和Mi-Fi租借

2、更直观的图标，可以清晰的表达出其代表的功能

3、具有现代感且更令人舒服的设计

 

解决方案

Passpod在功能设计方面，是一个足够好的产品，但是在功能的具体展现上出了问题。

复杂的租借和预订流程，使得用户不能高效的借助app满足自己的需求，同时图标直观性不足也削弱了app的易用性。

 

解决用户的问题

1、确保预订流程高效，清晰和容易记忆

2、改进用户界面，确保用户可以聚焦和获取关键信息

3、最后，使用新的交互方式，可以让用户轻松的就完成租借和预订

 

绘制用户体验地图

用户的任务流程

Felix 绘制的租借和预订的地图

 

线框图

根据解决方案和用户地图，在设计高保真原型前，先在纸上绘制低保真的线框图做验证。

租借Mi-Fi的低保真线框图

活动预订的低保真线框图

 

可用性测试

我们在合作的印度尼西亚的大学校园进行了可用性测试。测试的好处：确保我们聚焦于设计一个用户喜爱的产品，并且给了团队信心去进行技术迭代。

在某所大学的可用性测试

对于这次的用户测试，我准备了测试文档，详细说明了测试目标，测试原则和测试用例，可以指导团队完成整场测试。

 

最终成果

打造一个全新的用户体验

经过几周的用户研究和迭代，目标是解决发现的问题，我们最终产出了一个优化设计方案。接下来讲讲我们基于可用性测试做的优化，我非常乐意向大家分享这一部分。

 

主页重设计

1. 首页的搜索框和推广海报变得更明显，也对用户更有意义
2. 导航栏的图标使用用户熟悉的图标替代，也就是app内的高频操作的图标——这里首要考虑易用性
3. 主页新增Mi-Fi租借，活动预订和旅行计划（新功能）

 

Mi-Fi租借重设计

1、Mi-Fi租借页面删除了一半的无效信息，确认操作变得简单，用户可以在确认前快速检查

2、支付页面设计和平台保持一致，保证交互的记忆性

 

活动预订重设计

1. 活动信息简洁清晰，使得用户易于浏览，图标变得容易让用户理解。
2. 页面底部有价格，评论，加入购物车和预订。价格和评论是用户决策的重大影响因素——及时预订的动机
3. 增加评论功能，用户可以查看和编辑评论，建立景点活动的信用体系。
4. 增加加入购物车功能，用户可以一次提交多个预订订单。

 

最终成果&注意事项

我的团队和我（白衣服）：在可用性测试现场

 

1. 一个成功重设计的收获：

• 1、访问量提升98.6%
• 2、跳出率减少17%
• 3、无障碍使用（易用性）提升了97.5%
• 4、交互度增加4698.6%（译者注：交互度的原文为“engagement”，参考http://www.chinawebanalytics.cn/key-metrics-8-engagement/）
• 5、app下载率提升59.6%
• 6、交易额增加49.9%
• 7、一个简单，令人愉悦的体验

这是我们在测试时统计到的数据。总而言之，用户喜欢体验重设计后的Passpod。

看看用户说了什么：

界面非常简单，看起来很容易能租到Mi-Fi。明确显示支付金额，而且可以选择支付方式。——UMY的18岁大学生

 

2.我的学习点

• 重设计过程，需要平衡商业利益和用户体验。为了说服利益相关者，我进行了A/B测试，使用数据来做决策，UX平衡亦然
• 我从开发小伙伴身上学会了高效的沟通方式：确定工作的重要性和优先级
• 最后，管理一群有才华的人，意味着需要和大家共享你的思路并善于讨论。这样可以确保每个成员的目标一致，并能积极为团队做贡献

 

3.要理解你的用户，而不是单纯做好技术

在这个过程中，我不断尝试去复盘自己的思路和追问更深层次的问题，那就是关于理解用户和理解技术。这次重设计经历让我获益良多，很开心和荣幸的是担任产品负责人和设计师。

最后，谢谢阅读到最后！

 

本文翻译已获得作者的正式授权

授权截图

 

 

转载请注明：学UI网 » 设计案例精选，如何通过App改版提高50%交易额？